<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>01VUE_EVENT_BUG总线</title>
	</head>
	<body>
	</body>
</html>
<script type="text/javascript">
	
	// 全局的事件总线
	/*
	
	Vue.prototype.$EventBus = new Vue()
	// 1.发送事件
	EventBus.$emit("AMsg","发送来自A的消息")
	// 2.接收事件
	EventBus.$on("AMsg",(msg)=>{
		// 来自A的消息
		msg
	})
	
	
	// 如果使用不善，EventBus 会是一种灾难，到底是什么样的问题？
	大家都知道vue是单页面应用，如果你再某一个页面刷新之后，与之相关的EventBus
	会被移除，这样就导致业务走不下去，还要就是如果业务有反复操作的页面，Event 在
	监听的时候就会触发很多次，也是一个非常大的隐患。这时候我们就需要好好处理EventBus在
	项目中的关系。通常会用到，在vue页面销毁时，同时移除EventBus 事件监听
	
	//3.移除事件监听者
	 EventBus.$off("AMsg",{}) // 移除应用内所有对此某个事件的监听
	 EventBus.$off() // 移除所有事件频道，不需要添加任何参数
	
	
	
	
	*/
	
	
</script>
